<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<jsp:include page="meta.jsp"/>
		<link rel="stylesheet" href="../css/formStyle.css" media="all">
		<link type="text/css" href="../css/LPStyleSheet.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/style.css?v=2">
		
		<!-- Beginning of compulsory code below -->
		<link href="../css/default.ultimate.css" media="screen" rel="stylesheet" type="text/css" />
		<link href="../css/dropdown.css" media="screen" rel="stylesheet" type="text/css" />
		<link type="text/css" href="../css/smoothness/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
		
		<script type="text/javascript" src="../js/jquery/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="../js/jquery/jquery.color.js"></script>
		<script type="text/javascript" src="../js/script.js"></script>
		
		<!-- TinyMCE -->
		<script type="text/javascript" src="../js/tiny_mce/tiny_mce.js"></script>
		<script type="text/javascript">
			tinyMCE.init({
				mode : "textareas",
			    theme : "advanced",
			    language : "es",
			    //editor_deselector : "inputForm",
			    // Plugins
			    
		        // Theme options
		        theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,numlist,|,outdent,indent,",
		        theme_advanced_buttons2 : "",
		        theme_advanced_buttons3 : "",
		        theme_advanced_buttons4 : "",
		        theme_advanced_toolbar_location : "top",
		        theme_advanced_toolbar_align : "center",
		        
		        content_css : "../css/formStyle.css"
			});
			
			function sendForm() {
				document.signupForm.submit();
			}
		</script>
		<!-- /TinyMCE -->
	</head>
	<body>
		<jsp:include page="/app/menu"/>
		<div class="mainContainer">
			<div id="signup">
				<div id="form-div" class="form-div">
					<form class="form" id="signupForm" action="signupPlace" method="POST">
						<table style="width:450px; margin:auto;">
							<tr>
				  				<td><label for="name"><spring:message code="signup.sitio.nombre"/></label></td>
				 			 	<td><input name="name" type="text" class="inputForm" id="name" value=""/></td>
							</tr>
							<tr>
								<td><label for="siteType"><spring:message code="signup.sitio.tipo"/></label></td>
							 	<td>
							 		<select name="siteType" id="siteType" class="inputForm">
							 			<c:forEach var="placeType" items="${result}">
							 				<option value="<c:out value="${placeType.id}"/>"><c:out value="${placeType.placeTypeName}"/></option>
							 			</c:forEach>
					 				</select>
					 			</td>
							</tr>
				        	<tr>
							 	<td> <label for="email"><spring:message code="signup.sitio.email"/></label></td>
							 	<td> <input name="email" type="text" class="inputForm" id="email" value="ejemplo@email.com"/></td>
							</tr>
				         	<tr>
							 	<td colspan="2" style="padding-top:20px"> 
				        			<label for="shortDesc" style="padding-right:5px; margin-bottom:5px"><spring:message code="signup.sitio.descripcion.corta"/></label><br /><br />
				        			<textarea name="shortDesc" class="inputForm" id="shortDesc" style="height:70px" maxlength="140"></textarea>
				      			</td>
							</tr>
				         	<tr>
							 	<td colspan="2" style="padding-top:20px"> 
				        			<label for="longDesc" style="padding-right:5px; margin-bottom:5px"><spring:message code="signup.sitio.descripcion.detallada"/></label><br /><br />
				        			<textarea name="longDesc" class="inputForm" id="longDesc" maxlength="255"></textarea>
				      			</td>
							</tr>
				        	<tr>
							 	<td colspan="2" style="padding-top:20px"> 
				                	<input type="submit" value="Guardar" id="next1" class="inputForm" role="button" aria-disabled="false" onClick="sendForm();"/>
				      			</td>
							</tr>
						</table> 
				    </form>
			   	</div>
		   	</div>
	   	</div>
	</body>
</html>